<template>
  <a-menu v-bind="$attrs" v-on="$listeners">
    <template v-for="(menu) in menus">
      <SubMenuBar v-if="menu.children&&menu.children.length>0" :menu="menu" :key="menu.key" />
      <a-menu-item v-else :key="menu.key">{{menu.title}}</a-menu-item>
    </template>
  </a-menu>
</template>

<script>
import SubMenuBar from './SubMenuBar.vue';
export default {
  name:"MenuBar",
  props:{
    menus:Array
  },
  components:{
    SubMenuBar
  },
  data(){
    return {
    }
  }
}
</script>

<style lang="scss" scoped>

</style>